.wrapper {
  padding-top: 15px;
  margin: 0 16px;

  .picture-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 5%;

    .picture-item {
      position: relative;
      width: 30%;
      height: 30vw;
      margin-bottom: 5vw;
      border-radius: 2px;
      .image {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .btn {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 15px;
        line-height: 15px;
        text-align: center;
        background: rgba(0, 0, 0, 0.5);
      }
    }

    .add-box {
      box-sizing: border-box;
      width: 30%;
      height: 30vw;
      line-height: 30vw;
      text-align: center;
      border: 1px solid #ededed;
      border-radius: 2px;
      background: #f7f7f7;
    }
  }
}
